<template>
  <div class="info-1200 selloffer-detail-content">
          <div class="wy-main-title wy-m-t-40">
                <p>
                      <span><nuxt-link to="./../info/index">首页</nuxt-link></span>
                      <span v-if="id=='01'">  /  农村物流  /  产品供应  /   </span>
                      <span v-if="id=='02'">  /  农村物流  /  农产品需求  /   </span>
                      <span v-if="id=='03'">  /  农村物流  /  农产品配送  /   </span>
                      <span>{{detail.subject}}</span>
                </p>
          </div>
          <!-- 分割线 -->
          <div class="tender-detail" v-if="id!='03'">
              <div class="tender-city">
                  <!-- 商品展示 -->
                  <div class="sell-detail-goods">
                      <div class="goods-pic" v-if="id=='01'">
                           <img :src="FileUploadUrl2+detail.imgPaths">
                      </div>
                      <div class="goods-pic" v-if="id=='02'">
                        <img :src="FileUploadUrl2+concatDetail.companyPath+concatDetail.companyPic">
                      </div>
                      <div class="sell-goods-detail" style="padding-top: 0px">
                          <h2>{{detail.subject}}</h2>
                          <div class="goods-detail-content" v-if="id=='01'">
                                <p>生产者：{{concatDetail.company}}</p>
                                <p>农产品类型：{{detail.typeValue}}</p>
                                <p>农产品名称：{{detail.name}}</p>
                                <p>产地：<span>{{detail.producePlace}}</span></p>
                                <p>供应周期：<span>{{detail.cycleStart}}月</span>-<span>{{detail.cycleEnd}}月</span></p>
                                <p>价格：<span>{{detail.price}}</span><span>{{detail.priceUnitValue}}</span> </p>
                                <p>数量：<span>{{detail.number}}</span><span>{{detail.numberUnitValue}}</span></p>
                                <p>最低起订量：<span>{{detail.minNumber}}</span><span>{{detail.minNumberUnitValue}}</span></p>
                          </div>
                          <div class="goods-detail-content" v-if="id=='02'">
                                <p>采购商：{{concatDetail.company}}</p>
                                <p>农产品类型：{{detail.typeValue}}</p>
                                <p>农产品名称：{{detail.name}}</p>
                                <p>产地：<span>{{detail.producePlace}}</span></p>
                                <!-- <span>供应周期：<span>{{detail.cycleStart}}月</span>-<span>{{detail.cycleEnd}}月</span></p> -->
                                <p>采购价格：<span>{{detail.price}}</span><span>{{detail.priceUnitValue}}</span> </p>
                                <p>采购数量：<span>{{detail.number}}</span><span>{{detail.numberUnitValue}}</span></p>
                                <!-- <span>最低起订量：<span>{{detail.minNumber}}</span><span>{{detail.minNumberUnitValue}}</span></p> -->
                          </div>
                      </div>
                  </div>
                  <div class="tend-list-sell">
                    <div class="ant-list ant-list-vertical ant-list-lg ant-list-split">
                      <div class="ant-spin-nested-loading">
                        <div class="ant-spin-container">
                          <div class="ant-list-item">
                            <div class="ant-list-item-content ant-list-item-content-single">
                              <div class="Infor-title">联系人</div>
                              <div class="Infor-cont">{{concatDetail.legalPerson}}</div></div>
                          </div>
                          <div class="ant-list-item">
                            <div class="ant-list-item-content ant-list-item-content-single">
                              <div class="Infor-title">联系电话</div>
                              <div class="Infor-cont" v-if="loggedIn">{{concatDetail.mobile}}</div>
                              <div class="Infor-cont" v-if="!loggedIn">{{concatDetail.mobile}}</div>
                            </div>
                          </div>
                          <div class="ant-list-item">
                            <div class="ant-list-item-content ant-list-item-content-single">
                              <div class="Infor-title">电子邮箱</div>
                              <div class="Infor-cont" v-if="loggedIn">{{detail.email}}</div>
                              <div class="Infor-cont" v-if="!loggedIn">{{detail.email}}</div>
                            </div>
                          </div>
                          <div class="ant-list-item">
                            <div class="ant-list-item-content ant-list-item-content-single">
                              <div class="Infor-title">QQ</div>
                              <div class="Infor-cont" v-if="loggedIn">{{detail.qq}}</div>
                              <div class="Infor-cont" v-if="!loggedIn">{{detail.qq}}</div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <!-- <div class="wei_tips"><span>*</span>
                            温馨提示：联系我时，请说明是从云南国际物流云上看到的信息，谢谢
                        </div> -->
                   <!-- 产品说明 -->
                  <div class="tender-notice">
                          <div class="tnder-main-title">购买说明</div>
                          <div class="notice-information">
                              <div>
                                      <p>{{detail.description}}
                                      <!-- <nuxt-link to="/">查看全文>></nuxt-link> -->
                                      </p>
                              </div>
                          </div>
                  </div>
                  <!-- 公司简介 -->
                  <div class="tender-company-profile">
                            <div class="tnder-main-title">公司简介
                                  <nuxt-link :to="`./../../corp`">进入企业主页</nuxt-link>
                            </div>
                            <div class="company-profile-content">
                                    <p>{{concatDetail.companyBriefRemark}}</p>
                            </div>
                             <a-button v-if="loggedIn" type="primary" @click="elasticShowModal(concatDetail.userId)">立即沟通</a-button>
                  </div>
              </div>
          
              <div class="tender-concat wei_attestaion" v-if="id=='01'">
                      <div class="tnder-main-title">联系方式</div>
                      <div class="concat-content">
                          
                          <div class="wei_att_div" style="margin-top: 26px">
                               <h3>{{concatDetail.company}}</h3>
                               <div>
                                 <span>用户星级</span>
                                <a-rate :defaultValue="2.5" allowHalf />
                               </div>
                               <div class="attestaion">{{concatDetail.attestationStatusValue}}</div>
                               <div class="concat-line" style="margin-left:0px"></div>
                                <p class="wei_att_p" style="margin-left:0px">详细地址：{{concatDetail.detailAddress || '暂无'}}</p>
                                <p style="margin-left:0px">成立时间：{{concatDetail.companyCreateTime&&concatDetail.companyCreateTime.split(' ')[0]}}</p>
                                <p style="margin-left:0px">联系人：{{concatDetail.legalPerson || '暂无'}}</p>
                                
                          </div>
                      </div>
                     
                      <!-- 分割线 -->
                      <div class="tnder-main-title">其它农产品信息</div>
                      <div class="wei_mid_img">
                           <ul>
                                 <li v-for="(item,index) in details" :key="index">
                                   <nuxt-link :to="{path:'/special/villageDetail/',query:{id:'01',ids:`${item.agricultureSupplyId}`}}">
                                    <div class="other-pic">
                                      <img :src="FileUploadUrl2+item.imgPaths">
                                    </div>
                                   <div class="other-val">{{item.name}}</div>
                                  </nuxt-link>
                                  </li>
  
                              </ul>
                      </div>
              </div>
                            <div class="tender-concat wei_attestaion" v-if="id=='02'">
                      <div class="tnder-main-title">联系方式</div>
                      <div class="concat-content">
                          
                          <div class="wei_att_div" style="margin-top: 26px">
                               <h3>{{concatDetail.company}}</h3>
                               <div>
                                 <span>用户星级</span>
                                <a-rate :defaultValue="2.5" allowHalf />
                               </div>
                               <div class="attestaion">{{concatDetail.attestationStatusValue}}</div>
                               <div class="concat-line" style="margin-left:0px"></div>
                                <p class="wei_att_p" style="margin-left:0px">详细地址：{{concatDetail.detailAddress || '暂无'}}</p>
                                <p style="margin-left:0px">成立时间：{{concatDetail.companyCreateTime&&concatDetail.companyCreateTime.split(' ')[0]}}</p>
                                <p style="margin-left:0px">联系人：{{concatDetail.legalPerson || '暂无'}}</p>
                          </div>
                      </div>
                     
                      <!-- 分割线 -->
                      <div class="tnder-main-title">其它采购信息</div>
                      <div class="wei_mid_img">
                           <ul>
                                 <li v-for="(item,index) in details" :key="index">
                                   <nuxt-link :to="{path:'/special/villageDetail/',query:{id:'02',ids:`${item.agriculturePurchaseId}`}}">
                                    <!-- <div class="other-pic">
                                      <img :src="FileUploadUrl2+item.imgPaths">
                                    </div> -->
                                   <div class="other-val">{{item.name}}</div>
                                  </nuxt-link>
                                  </li>
  
                              </ul>
                      </div>
              </div>
          </div>

       
           <!-- 配送详情 -->
          <div class="tender-detail" v-if="id=='03'">
              <div class="tender-city">
                  <div class="wei_ciy_top">
                    <h3>云南省昆明市——北京市市辖区</h3>
                    <p><span>距离：</span><span class="wei_city_long">2293km</span><span class="wei_city_span">发布时间：2019-04-21 5:30:21</span><span>浏览量:12次</span></p>
                  </div>
                  <!-- 商品展示 -->
                  <div class="tnder-main-title wei_100">货物信息</div>
         <!-- 货源信息 -->
              <div class="goods-part" v-for="(item,index) in datas" :key="index">
                  <div class="goods-change-pic">
   <!--                    <page-carousel v-if="item.cargoPics.split(',').length>1" :carouselList="item.cargoPics.split(',')"></page-carousel> -->
                       <img :src="item.imgUrl">
                  </div>
                  <div class="goods-changePic-detail">
                         <p>货物名称：<span>{{item.cargoName}}</span></p>
                         <p>货物类型：100
                          </p>
                         <p>货物体积：<span>{{item.volume}}</span></p>
                         <p>货物重量：<span><i>{{item.weight}}</i>{{item.weightUnit}}</span></p>
                         <p class="wy-text-nowrap-2">货物简介：<span>{{item.comment}}</span></p>
                  </div>
              </div>
             <!--  <div class="goods-part" v-for="(item,index) in detail.cargos" :key="index">
                  <div class="goods-change-pic">
                        <img :src="item.cargoPics">
                  </div>
                  <div class="goods-changePic-detail">
                      <p>货物名称：<span>{{item.cargoTitle}}</span></p>
                      <p>货物类型：<span>{{item.carType}}</span></p>
                      <p>货物体积：<span>{{item.volume}}</span></p>
                      <p>货物重量：<span><i>{{item.weight}}</i>{{item.weightUnit}}</span></p>
                      <p>货物简介：<span>{{item.comment}}</span></p>
                  </div>
              </div> -->

                  <div class="tend-list-sell wei_tend-list-sell">
                    <div class="ant-list ant-list-vertical ant-list-lg ant-list-split">
                      <div class="ant-spin-nested-loading">
                        <div class="ant-spin-container">
                          <div class="ant-list-item">
                            <div class="ant-list-item-content ant-list-item-content-single">
                              <div class="Infor-title">出发地</div>
                              <div class="Infor-cont">{{detail.linkman}}</div></div>
                          </div>
                          <div class="ant-list-item">
                            <div class="ant-list-item-content ant-list-item-content-single">
                              <div class="Infor-title">详细地址</div>
                              <div class="Infor-cont">{{detail.tel}}</div></div>
                          </div>
                          <div class="ant-list-item">
                            <div class="ant-list-item-content ant-list-item-content-single">
                              <div class="Infor-title">到达地</div>
                              <div class="Infor-cont">{{detail.email}}</div></div>
                          </div>
                          <div class="ant-list-item">
                            <div class="ant-list-item-content ant-list-item-content-single">
                              <div class="Infor-title">详细地址</div>
                              <div class="Infor-cont">{{detail.tel}}</div></div>
                          </div>
                          <div class="ant-list-item">
                            <div class="ant-list-item-content ant-list-item-content-single">
                              <div class="Infor-title">运输类型</div>
                              <div class="Infor-cont">{{detail.qq}}</div></div>
                          </div>
                          <div class="ant-list-item">
                            <div class="ant-list-item-content ant-list-item-content-single">
                              <div class="Infor-title">有效期</div>
                              <div class="Infor-cont">{{detail.qq}}</div></div>
                          </div>
                          <div class="ant-list-item">
                            <div class="ant-list-item-content ant-list-item-content-single">
                              <div class="Infor-title">联系人</div>
                              <div class="Infor-cont">{{detail.qq}}</div></div>
                          </div>
                          <div class="ant-list-item">
                            <div class="ant-list-item-content ant-list-item-content-single">
                              <div class="Infor-title">联系电话</div>
                              <div class="Infor-cont">{{detail.qq}}</div></div>
                          </div>
                          <div class="ant-list-item">
                            <div class="ant-list-item-content ant-list-item-content-single">
                              <div class="Infor-title">说明</div>
                              <div class="Infor-cont">{{detail.qq}}</div></div>
                          </div>
                          </div>
                      </div>
                    </div>
                  </div>
                  <div class="wei_tips"><span>*</span>
                            温馨提示：联系我时，请说明是从云南国际物流云上看到的信息，谢谢
                        </div>
                  <div class="wei_btn">
                     <a-button v-if="loggedIn" type="primary" @click="elasticShowModal(concatDetail.userId)">立即沟通</a-button>
                  </div>
                   <!-- 货源评价 -->
                  <div class="goods-sourceEvaluation">
                        <div class="goods-title-750">
                            货源信息
                          <nuxt-link :to="`../`">查看全部评价</nuxt-link>
                        </div>
                        <div class="goods-sourceDetail">
                              <p>以下是此车源的短评词条，联系该车源后点击添加您的印象。</p>
                              <div class="v-tag">
                                  <a-tag v-for="(item,index) in tagsData" :key="index" @click="tagevClick(item.name)">{{item.name}}</a-tag>
                                  <a-textarea placeholder="请写下您的宝贵意见，您的真实、有效评价可以帮助其他人哦" v-model="tagsEvent"></a-textarea>
                              </div>
                              <div class="goods-btn-search">
                                  <a-button type="primary">提交评价</a-button>
                              </div>
                        </div>
                  </div>
                  <!-- 公司简介 -->
                  <div class="tender-company-profile">
                            <div class="tnder-main-title">公司简介
                                  <nuxt-link :to="`./../../corp`">进入企业主页</nuxt-link>
                            </div>
                            <div class="company-profile-content">
                                   <p>{{concatDetail.companyBriefRemark}}</p>
                            </div>
                  </div>
                          <!-- 智能车源 -->
                  <div class="v-recommend">
                        <div class="goods-title-750 goods_title_margin">
                            智能推荐车源
                        </div>
                       <!-- 车源列表 -->
                        <div class="v-carList">
                            <a-table :columns="columns" :dataSource="data" :pagination='false'>
                                    <a slot="action" slot-scope="text" href="javascript:;">查看详情</a>
                             </a-table>
                        </div>
                  </div>
              </div>
              <div class="tender-concat">
                      <div class="tnder-main-title">联系方式</div>
                      <div class="concat-content">
                          <h3>北京荣之联科技股份有限公司</h3>
                          <div>
                                <span>用户星级</span>
                                <a-rate :defaultValue="2.5" allowHalf />
                          </div>
                      </div>
                      <div class="concat-renzhen">
                           <a-button>已认证</a-button>
                      </div>
                      <!-- 分割线 -->
                      <div class="concat-line"></div>
                      <p>公司地址：北京朝阳IT电子城</p>
                      <p>详细地址：北京朝阳酒仙桥东路10号院5号楼</p>
                      <p>成立时间：2001年6月18日</p>
                      <p>联系人：刘珊珊</p>
                      <div class="tnder-main-title">其他采购信息</div>
                      <div class="wei_mid_img">
                         <img :src="detail.imgUrl" alt="">
                         <img :src="detail.imgUrl" alt="">
                      </div>
              </div>
          </div>
                <!-- 登录后留言板弹框 -->
       <Elastic :type="type"  ref='elastic'></Elastic>
  </div>
</template>

<script>
// import { chainData } from './../../../utils/chainData'
import Elastic from '@/components/dialog/Elastic'
import { environment } from './../../../server/environment'
import AuthMixin from '~/mixins/auth'
export default{
   mixins: [ AuthMixin ],
   components: {
    Elastic
  },
  data(){
    return{
      detail: {},
     
      concatDetail: {
        //  userId:'1'
      },//联系方式
      datas:[],
      id:'',
      ids:'',
      details:{},
      tagsEvent: '',
      type: '',
      FileUploadUrl2:environment.FileUploadUrl2,
        tagsData: [
             {name:"满意"},
             {name:"货已发出"},
             {name:"电话不通"},
             {name:"货物运输困难"},
             {name:"需求货物押金"},
        ],
        carouselList: [
          {
            img: require('./../../../static/img/transport/avabanner.png')
          },{
            img: require('./../../../static/img/transport/avaBannerSecond.png')
          },{
            img: require('./../../../static/img/transport/avaBannerFirst.png')
          }
         ],
          data:[
          {
            key: '1',
            name: '昆明呈贡区—北京大兴厢式货车',
            carnums: '滇B***45',
            carType: '本地车',
            carLeng: '8米',
            carKio:'20吨',
            carTime:'2019-04-21'
          }, {
            key: '2',
            name: '昆明呈贡区—北京大兴厢式货车',
            carnums: '滇B***45',
            carType: '本地车',
            carLeng: '8米',
            carKio:'20吨',
            carTime:'2019-04-21',
          }, {
            key: '3',
            name: '昆明呈贡区—北京大兴厢式货车',
            carnums: '滇B***45',
            carType: '本地车',
            carLeng: '8米',
            carKio:'20吨',
            carTime:'2019-04-21',
          }, {
            key: '4',
            name: '昆明呈贡区—北京大兴厢式货车',
            carnums: '滇B***45',
            carType: '本地车',
            carLeng: '8米',
            carKio:'20吨',
            carTime:'2019-04-21',
          }, {
            key: '5',
            name: '昆明呈贡区—北京大兴厢式货车',
            carnums: '滇B***45',
            carType: '本地车',
            carLeng: '8米',
            carKio:'20吨',
            carTime:'2019-04-21',
          }
        ],
        columns:[
          {
            title: '车辆信息',
            dataIndex: 'name',
          }, 
          {
            title: '车牌号',
            dataIndex: 'carnums',
          }, 
          {
            title: '车源类型',
            dataIndex: 'carType',
          },
          {
            title: '车厂',
            dataIndex: 'carLeng',
          },
          {
            title: '载重',
            dataIndex: 'carKio',
          },
          {
            title: '发布时间',
            dataIndex: 'carTime',
          },
          {
            title: '查看',
            key: 'operation',
            scopedSlots: { customRender: 'action' },
          }
        ],
    }
  },
  // created() {
  //    this.id = this.$route.query.id
  //    this.ids = this.$route.query.ids
  //    this.datas = chainData.purch
     

  // },
  created:function(){
    // console.log(this.$route.query,777)
     this.id = this.$route.query.id
    //  console.log(this.$route.query.id,3333333333333333)
     this.ids = this.$route.query.ids
    //  this.concatUserID(this.detail.userId);
     if(this.id == '01'){
         this.villageListById(this.ids)
         this.villageOtherById()
     }
     else if(this.id == '02'){
       this.agriculOtherById()
       this.agriculListById(this.ids)

     }
  },
  watch:{
    '$route':function (){
     this.id = this.$route.query.id
     this.ids = this.$route.query.ids
     this.concatUserID(this.detail.userId);
      
    //  this.villageListById(this.ids)

    //  this.villageOtherById()
    //  this.agriculOtherById()
      //  this. agriculListById(this.ids)
      // console.log(this.id,3333)
           if(this.id == '01'){
         this.villageListById(this.ids)
         this.villageOtherById()
     }
     else if(this.id == '02'){
       this.agriculOtherById()
       this.agriculListById(this.ids)

     }

     }
     

  },
  methods:{
      //获取农产品供应详情
      async villageListById (id) {
            const res = await this.$store.dispatch('info/villageListById',id)
            //  console.log(res,22222)
            if (res.status) {
              this.detail = res.data;
              this.concatUserID(this.detail.userId);
              this.villageOtherById();
            } 
      },
      //获取农产品采购详情
      async agriculListById (id) {
            const res = await this.$store.dispatch('info/agriculListById',id)
            //  console.log(res,22222)
            if (res.status) {
              this.detail = res.data;
              this.concatUserID(this.detail.userId);
              this.agriculOtherById();
            } 
      },
      //联系方式
       async concatUserID (id) {
            // console.log(id,88888888)
          
          const res = await this.$store.dispatch('info/concatUserID',id)
          // console.log(res,6666)
          // if (res.status) {
            this.concatDetail = res;
            // console.log(this.concatDetail,111);
          // } 
      },
      
            //绿色食品供应其他
      
         async villageOtherById () {
          const res = await this.$store.dispatch('info/villageOtherById',{
            id: this.detail.agricultureSupplyId,
            userId:this.detail.userId
          })
          // console.log(this.detail.agricultureSupplyId, 777777777777)
          //  console.log(this.detail.userId, 111111111111)
          if(res.status){
                this.details = res.data

          }
          
      },
         //绿色食品采购其他
      
         async agriculOtherById () {
          const res = await this.$store.dispatch('info/agriculOtherById',{
            id: this.detail.agriculturePurchaseId,
            userId:this.detail.userId
          })
          // console.log(this.detail.agricultureSupplyId, 777777777777)
          //  console.log(this.detail.userId, 111111111111)
          if(res.status){
                this.details = res.data

          }
          
      },

        // 显示留言板
    elasticShowModal(id){
      // this.userId = id
      this.$refs.elastic.showModal(id);
    }
  }
}

</script>
<style lang="scss" scoped>
@import "./../../../assets/css/chain/Detail.scss";

    .selloffer-detail-content{
     .tender-detail{
      .tender-city{
         .tender-company-profile{
          margin-bottom: 108px;
          
            .ant-btn{
              margin-left: 40%;
              margin-top: 30px;
            }
          
         }
      }
     }
    }
    .wei_mid_img{
      text-align: center;
      img{
        width: 360px;
        height: 180px;
        margin-top: 26px;
      }
    } 

    .selloffer-detail-content{
      .tender-detail{
        .tender-city{
          .wei_ciy_top{
            height: 90px;
            text-align: center;
            h3{
              height:23px;
              font-size:24px;
              line-height: 24px;
              font-weight:500;
              color:rgba(21,131,122,1);
              margin-bottom: 24px;
            }
            p{
              span{
                width:410px;
                height:14px;
                font-size:14px;
                font-weight:400;
                color:rgba(153,153,153,1);
              }
              .wei_city_span{
                margin:0  30px;
              }
              .wei_city_long{
                color: red;
              }
            }
            
          }
          .wei_100{
            width: 100%;
            margin-bottom: 20px;
          }
          .sell-detail-goods{
            height: 280px;
            .goods-pic{
              height: 280px;
            }
          }
        }
      }
    }
    .selloffer-detail-content{
      .tender-detail{
            .wei_tend-list-sell{
              height: 226px;
            }
            .wei_attestaion{
              .wei_att_div{
                  height:240px;
                 
                  text-align: left;
                  h3{
                   
                    margin-top:2px;
                   
                   
                  }
              }
              .wei_att_p{
                margin-top:13px;
              }

              .attestaion{
               
                width: 80px;
                height: 26px;
                background: #FFA200;
                border-radius: 2px;
                display: inline-block;
                font-size: 12px;
                color: #FFFFFF;
                text-align: center;
                line-height: 26px;
                margin-top:10px;
                 } 
            }
      }
    }

    .wei_tips{
      margin-top: 14px;
      span{
        color: red;
      }
    }
    .wei_btn{
      text-align: center;
      margin-top: 30px;
    }

    //货源评价
    .goods-sourceEvaluation{
      .goods-sourceDetail{
         width:717px;
           margin:0 auto;
         p{
           font-size:12px;
           color:#666666;
           line-height:13px;
           margin-top:16px;
         }
      }
       .v-tag{
            width:717px;
            margin:0 auto;
            margin-top:25px;
            .ant-tag{
              height:36px;
              border:1px solid rgba(21,131,122,1);
              border-radius:2px;
              font-size:14px;
              color:#15837A;
              text-align:center;
              line-height:36px;
              margin-right:20px;
              padding:0 26px;
            }
            .ant-tag:nth-child(5){
              margin-right:0px;
            }
            textarea{
                width:717px;
                height:120px;
                border:1px solid #D8D8D8;
                border-radius:2px;
                text-indent:2em;
                padding-top:10px;
                font-size:14px;
                color:#999999;
                margin-top:30px;
            }
         }
      .goods-btn-search{
         width:160px;
         height:40px;
         margin:0 auto;
         margin-top:30px;
      }
    }

        //货源信息
    .goods-title-750{
      width:750px;
      height:40px;
      background:#F7F7F7;
      border-bottom:1px solid #D8D8D8;
      font-size:16px;
      color:#15837A;
      line-height:40px;
      padding-left:28px;
      margin-top:40px;
        a{
            font-size:14px;
            color:#15837A;
            float:right;
            margin-right:30px;
         }
    }
    .goods_title_margin{
      margin-top: -80px;
    }
    .v-carList{
      margin-top:30px;
    }
    .v-recommend .ant-table-body a{
          color: #15837A;
    }

          .goods-part{
          width:750px;
        height:236px;
        padding:22px 0;
        border-bottom:1px solid #D8D8D8;
        clear:both;
      }
      //左边轮播切换
        .goods-change-pic{
           width:229px;
           height:194px;
           float:left;
           img{
            width:100%;
            height:100%;
           }
        }
        //右边详情
        .goods-changePic-detail{
          float:left;
          margin-left:30px;
          margin-top:26px;
          width: 480px;
          i{
            font-style:normal;
            color:#FFA200;
            font-size:16px;
          }
          p{
            font-size:14px;
            color:#333333;
          }
        }
        .selloffer-detail-content .tender-detail .tender-concat .concat-content h3{
          margin-bottom: 0px !important;
        }
        .concat-line{
          width: 376px;
          height: 1px;
          border: 1px solid #D8D8D8;
          margin-top: 28px;
          margin-bottom: 20px;
  
        }
</style>